import * as echarts from '../../ec-canvas/echarts';
import utils from '../../utils/util';

const app = getApp();
var option01=[];//综合实力数据
var option02=[];//职位分析数据

//动态综合实力
function setOption(chart) {
  const option = {
    title: {
        text: '综合实力',
        x:'center'
    },
    radar: {
        // shape: 'circle',
        name: {
            textStyle: {
                color: '#fff',
                backgroundColor: '#999',
                borderRadius: 3,
                padding: [3, 5]
            }
        },
        indicator: [
          { name: '语言能力', max: 10},
          { name: '社会能力', max: 10},
          { name: '领导力', max: 10},
          { name: '工作能力', max: 10},
          { name: '教育背景', max: 10},
          { name: '所获荣誉', max: 10},
      ],
      radius:90
    },
    series: [{
        type: 'radar',
        areaStyle: {
          color: 'rgba(	30,144,255, 0.5)' // 选择区域颜色
        },
        data: [
            {
                // value: [2, 2, 2, 2, 2, 2],
                //赋值
                value:option01,
                name: '综合实力'
            }
        ]
    }]
 };

 chart.setOption(option);
}
//职位分析
function setOption01(chart) {

  const option = {
    title: {
        text: '职位分析',
        left: 'center'
    },
    tooltip: {
        trigger: 'item'
    },
    legend: {
      top:'10%'
    },
    series: [
        {
            name: '访问来源',
            type: 'pie',
            radius: '50%',
            // data: [
            //     {value: 1048, name: '搜索引擎'},
            //     {value: 735, name: '直接访问'},
            //     {value: 580, name: '邮件营销'},
            //     {value: 484, name: '联盟广告'},
            //     {value: 300, name: '视频广告'}
            // ],
            data:option02,
            emphasis: {
                itemStyle: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};

 chart.setOption(option);
}
Page({
  data: {
    imgUrl:app.globalData.imgUrl,
    ec: {
      // 将 lazyLoad 设为 true 后，需要手动初始化图表
      lazyLoad: true
    },
    ec01: {
      // 将 lazyLoad 设为 true 后，需要手动初始化图表
      lazyLoad: true
    },
    isLoaded: false,
    isDisposed: false,
    isNav:1,//主要nav切换
    isSonNav:1,//已申请nav
    posiData:'',// 已申请职位
    lecture:'', // 已报名宣讲会
  },

  onReady: function () {
    // 获取组件
    this.ecComponent = this.selectComponent('#mychart-dom-bar');
    this.ecComponent01 = this.selectComponent('#mychart-dom-bar01');

    this.applyPosition();
    this.applyLecture();
  },


  // 点击按钮后初始化第一个图表
  init01: function () {
    this.ecComponent.init((canvas, width, height, dpr) => {
      // 获取组件的 canvas、width、height 后的回调函数
      // 在这里初始化图表
      const chart = echarts.init(canvas, null, {
        width: width,
        height: height,
        devicePixelRatio: dpr // new
      });
      setOption(chart);

      // 将图表实例绑定到 this 上，可以在其他成员函数（如 dispose）中访问
      // this.chart = chart;

      this.setData({
        isLoaded: true,
        isDisposed: false
      });

      // 注意这里一定要返回 chart 实例，否则会影响事件处理等
      return chart;
    });
  },
  // 点击按钮后初始化第二个图表
  init02:function(){
    this.ecComponent01.init((canvas, width, height, dpr) => {
      // 获取组件的 canvas、width、height 后的回调函数
      // 在这里初始化图表
      const chart = echarts.init(canvas, null, {
        width: width,
        height: height,
        devicePixelRatio: dpr // new
      });
      setOption01(chart);

      // 将图表实例绑定到 this 上，可以在其他成员函数（如 dispose）中访问
      // this.chart = chart;

      this.setData({
        isLoaded: true,
        isDisposed: false
      });

      // 注意这里一定要返回 chart 实例，否则会影响事件处理等
      return chart;
    });
  },
  // 上传简历
  updateFile(){
      // 初始化数据，防止二次点击污染
      option01=[];//综合实力数据
      option02=[];//职位分析数据
      var _this=this;
      // 选择文件
      wx.chooseMessageFile({
        count: 1,
        type: 'all',//全部类型
        success (res) {
          // tempFilePath可以作为img标签的src属性显示图片
          const tempFilePaths = res.tempFiles
          //提示加载
          wx.showLoading({
            title: '正在分析中...',
          })
          //请求接口
          wx.uploadFile({
            url:app.globalData.apiUrl+'applet/analysis',
            filePath: res.tempFiles[0].path,
            name: 'uploadFile',
            success(res) {
              var data=JSON.parse(res.data);
              // console.log(JSON.stringify(res.data));
              _this.getOptionData(JSON.parse(res.data));//赋值
            }
          })
        },
      })
  },

  // 获取图表的数据
  getOptionData(obj){
    // 综合实力
    var detail=obj.predicted_result.predicted_capability;
    for(var i in detail){
      option01.push(detail[i])
    }
    // 职位评测
    var detail01=obj.predicted_result.predicted_titles;
    detail01.forEach((item,index) => {
      var obj={};//初始化对象
      obj.value=item.score;//value分值
      obj.name=item.title.l3;//名称
      option02.push(obj);
    });
    this.init01();//调用初始化
    this.init02();//调用初始化
    wx.hideLoading();//加载提示取消
 },
   // 切换nav
   select_nav(e){
    this.setData({
       isNav:e.target.dataset.num
    })
  },
   // 切换sonNav
  select_sonNav(e){
    this.setData({
      isSonNav:e.target.dataset.num
   })
  },
  // 跳转宣讲会
  gotoLe(e){
    let num=e.currentTarget.dataset.num;
    wx.navigateTo({
      url: '../../packageA/lectureDetail/lectureDetail?id='+ num,
    })
  },
  //跳转职位列表
  gotoPo(e){
    let num=e.currentTarget.dataset.num;
    wx.navigateTo({
      url: '../../packageA/positionDetail/positionDetail?id='+ num,
    })
  },
  // 已申请职位
  applyPosition(){
    utils.common.rq('job/apply_list',{
      userid:wx.getStorageSync('openid'),
  },this.infoSu01);
  },
  infoSu01(res){
    console.log(res);
    this.setData({
      posiData:res.data
    })
  },
  // 已报名宣讲会
  applyLecture(){
    utils.common.rq('teachin/apply_list',{
      userid:wx.getStorageSync('openid'),
  },this.infoSu02);
  },
  infoSu02(res){
    console.log(res);
    this.setData({
      lecture:res.data
    })
  }
});
